(globalThis.TURBOPACK || (globalThis.TURBOPACK = [])).push([typeof document === "object" ? document.currentScript : undefined,
"[turbopack]/browser/dev/hmr-client/hmr-client.ts [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
///
///
///
///
__turbopack_context__.s([
"connect",
()=>connect,
"setHooks",
()=>setHooks,
"subscribeToUpdate",
()=>subscribeToUpdate
]);
function connect(param) {
let { addMessageListener, sendMessage, onUpdateError = console.error } = param;
addMessageListener((msg)=>{
switch(msg.type){
case 'turbopack-connected':
handleSocketConnected(sendMessage);
break;
default:
try {
if (Array.isArray(msg.data)) {
for(let i = 0; i < msg.data.length; i++){
handleSocketMessage(msg.data[i]);
}
} else {
handleSocketMessage(msg.data);
}
applyAggregatedUpdates();
} catch (e) {
console.warn('[Fast Refresh] performing full reload\n\n' + "Fast Refresh will perform a full reload when you edit a file that's imported by modules outside of the React rendering tree.\n" + 'You might have a file which exports a React component but also exports a value that is imported by a non-React component file.\n' + 'Consider migrating the non-React component export to a separate file and importing it into both files.\n\n' + 'It is also possible the parent component of the component you edited is a class component, which disables Fast Refresh.\n' + 'Fast Refresh requires at least one parent function component in your React tree.');
onUpdateError(e);
location.reload();
}
break;
}
});
const queued = globalThis.TURBOPACK_CHUNK_UPDATE_LISTENERS;
if (queued != null && !Array.isArray(queued)) {
throw new Error('A separate HMR handler was already registered');
}
globalThis.TURBOPACK_CHUNK_UPDATE_LISTENERS = {
push: (param)=>{
let [chunkPath, callback] = param;
subscribeToChunkUpdate(chunkPath, sendMessage, callback);
}
};
if (Array.isArray(queued)) {
for (const [chunkPath, callback] of queued){
subscribeToChunkUpdate(chunkPath, sendMessage, callback);
}
}
}
const updateCallbackSets = new Map();
function sendJSON(sendMessage, message) {
sendMessage(JSON.stringify(message));
}
function resourceKey(resource) {
return JSON.stringify({
path: resource.path,
headers: resource.headers || null
});
}
function subscribeToUpdates(sendMessage, resource) {
sendJSON(sendMessage, {
type: 'turbopack-subscribe',
...resource
});
return ()=>{
sendJSON(sendMessage, {
type: 'turbopack-unsubscribe',
...resource
});
};
}
function handleSocketConnected(sendMessage) {
for (const key of updateCallbackSets.keys()){
subscribeToUpdates(sendMessage, JSON.parse(key));
}
}
// we aggregate all pending updates until the issues are resolved
const chunkListsWithPendingUpdates = new Map();
function aggregateUpdates(msg) {
const key = resourceKey(msg.resource);
let aggregated = chunkListsWithPendingUpdates.get(key);
if (aggregated) {
aggregated.instruction = mergeChunkListUpdates(aggregated.instruction, msg.instruction);
} else {
chunkListsWithPendingUpdates.set(key, msg);
}
}
function applyAggregatedUpdates() {
if (chunkListsWithPendingUpdates.size === 0) return;
hooks.beforeRefresh();
for (const msg of chunkListsWithPendingUpdates.values()){
triggerUpdate(msg);
}
chunkListsWithPendingUpdates.clear();
finalizeUpdate();
}
function mergeChunkListUpdates(updateA, updateB) {
let chunks;
if (updateA.chunks != null) {
if (updateB.chunks == null) {
chunks = updateA.chunks;
} else {
chunks = mergeChunkListChunks(updateA.chunks, updateB.chunks);
}
} else if (updateB.chunks != null) {
chunks = updateB.chunks;
}
let merged;
if (updateA.merged != null) {
if (updateB.merged == null) {
merged = updateA.merged;
} else {
// Since `merged` is an array of updates, we need to merge them all into
// one, consistent update.
// Since there can only be `EcmascriptMergeUpdates` in the array, there is
// no need to key on the `type` field.
let update = updateA.merged[0];
for(let i = 1; i < updateA.merged.length; i++){
update = mergeChunkListEcmascriptMergedUpdates(update, updateA.merged[i]);
}
for(let i = 0; i < updateB.merged.length; i++){
update = mergeChunkListEcmascriptMergedUpdates(update, updateB.merged[i]);
}
merged = [
update
];
}
} else if (updateB.merged != null) {
merged = updateB.merged;
}
return {
type: 'ChunkListUpdate',
chunks,
merged
};
}
function mergeChunkListChunks(chunksA, chunksB) {
const chunks = {};
for (const [chunkPath, chunkUpdateA] of Object.entries(chunksA)){
const chunkUpdateB = chunksB[chunkPath];
if (chunkUpdateB != null) {
const mergedUpdate = mergeChunkUpdates(chunkUpdateA, chunkUpdateB);
if (mergedUpdate != null) {
chunks[chunkPath] = mergedUpdate;
}
} else {
chunks[chunkPath] = chunkUpdateA;
}
}
for (const [chunkPath, chunkUpdateB] of Object.entries(chunksB)){
if (chunks[chunkPath] == null) {
chunks[chunkPath] = chunkUpdateB;
}
}
return chunks;
}
function mergeChunkUpdates(updateA, updateB) {
if (updateA.type === 'added' && updateB.type === 'deleted' || updateA.type === 'deleted' && updateB.type === 'added') {
return undefined;
}
if (updateA.type === 'partial') {
invariant(updateA.instruction, 'Partial updates are unsupported');
}
if (updateB.type === 'partial') {
invariant(updateB.instruction, 'Partial updates are unsupported');
}
return undefined;
}
function mergeChunkListEcmascriptMergedUpdates(mergedA, mergedB) {
const entries = mergeEcmascriptChunkEntries(mergedA.entries, mergedB.entries);
const chunks = mergeEcmascriptChunksUpdates(mergedA.chunks, mergedB.chunks);
return {
type: 'EcmascriptMergedUpdate',
entries,
chunks
};
}
function mergeEcmascriptChunkEntries(entriesA, entriesB) {
return {
...entriesA,
...entriesB
};
}
function mergeEcmascriptChunksUpdates(chunksA, chunksB) {
if (chunksA == null) {
return chunksB;
}
if (chunksB == null) {
return chunksA;
}
const chunks = {};
for (const [chunkPath, chunkUpdateA] of Object.entries(chunksA)){
const chunkUpdateB = chunksB[chunkPath];
if (chunkUpdateB != null) {
const mergedUpdate = mergeEcmascriptChunkUpdates(chunkUpdateA, chunkUpdateB);
if (mergedUpdate != null) {
chunks[chunkPath] = mergedUpdate;
}
} else {
chunks[chunkPath] = chunkUpdateA;
}
}
for (const [chunkPath, chunkUpdateB] of Object.entries(chunksB)){
if (chunks[chunkPath] == null) {
chunks[chunkPath] = chunkUpdateB;
}
}
if (Object.keys(chunks).length === 0) {
return undefined;
}
return chunks;
}
function mergeEcmascriptChunkUpdates(updateA, updateB) {
if (updateA.type === 'added' && updateB.type === 'deleted') {
// These two completely cancel each other out.
return undefined;
}
if (updateA.type === 'deleted' && updateB.type === 'added') {
const added = [];
const deleted = [];
var _updateA_modules;
const deletedModules = new Set((_updateA_modules = updateA.modules) !== null && _updateA_modules !== void 0 ? _updateA_modules : []);
var _updateB_modules;
const addedModules = new Set((_updateB_modules = updateB.modules) !== null && _updateB_modules !== void 0 ? _updateB_modules : []);
for (const moduleId of addedModules){
if (!deletedModules.has(moduleId)) {
added.push(moduleId);
}
}
for (const moduleId of deletedModules){
if (!addedModules.has(moduleId)) {
deleted.push(moduleId);
}
}
if (added.length === 0 && deleted.length === 0) {
return undefined;
}
return {
type: 'partial',
added,
deleted
};
}
if (updateA.type === 'partial' && updateB.type === 'partial') {
var _updateA_added, _updateB_added;
const added = new Set([
...(_updateA_added = updateA.added) !== null && _updateA_added !== void 0 ? _updateA_added : [],
...(_updateB_added = updateB.added) !== null && _updateB_added !== void 0 ? _updateB_added : []
]);
var _updateA_deleted, _updateB_deleted;
const deleted = new Set([
...(_updateA_deleted = updateA.deleted) !== null && _updateA_deleted !== void 0 ? _updateA_deleted : [],
...(_updateB_deleted = updateB.deleted) !== null && _updateB_deleted !== void 0 ? _updateB_deleted : []
]);
if (updateB.added != null) {
for (const moduleId of updateB.added){
deleted.delete(moduleId);
}
}
if (updateB.deleted != null) {
for (const moduleId of updateB.deleted){
added.delete(moduleId);
}
}
return {
type: 'partial',
added: [
...added
],
deleted: [
...deleted
]
};
}
if (updateA.type === 'added' && updateB.type === 'partial') {
var _updateA_modules1, _updateB_added1;
const modules = new Set([
...(_updateA_modules1 = updateA.modules) !== null && _updateA_modules1 !== void 0 ? _updateA_modules1 : [],
...(_updateB_added1 = updateB.added) !== null && _updateB_added1 !== void 0 ? _updateB_added1 : []
]);
var _updateB_deleted1;
for (const moduleId of (_updateB_deleted1 = updateB.deleted) !== null && _updateB_deleted1 !== void 0 ? _updateB_deleted1 : []){
modules.delete(moduleId);
}
return {
type: 'added',
modules: [
...modules
]
};
}
if (updateA.type === 'partial' && updateB.type === 'deleted') {
var _updateB_modules1;
// We could eagerly return `updateB` here, but this would potentially be
// incorrect if `updateA` has added modules.
const modules = new Set((_updateB_modules1 = updateB.modules) !== null && _updateB_modules1 !== void 0 ? _updateB_modules1 : []);
if (updateA.added != null) {
for (const moduleId of updateA.added){
modules.delete(moduleId);
}
}
return {
type: 'deleted',
modules: [
...modules
]
};
}
// Any other update combination is invalid.
return undefined;
}
function invariant(_, message) {
throw new Error("Invariant: ".concat(message));
}
const CRITICAL = [
'bug',
'error',
'fatal'
];
function compareByList(list, a, b) {
const aI = list.indexOf(a) + 1 || list.length;
const bI = list.indexOf(b) + 1 || list.length;
return aI - bI;
}
const chunksWithIssues = new Map();
function emitIssues() {
const issues = [];
const deduplicationSet = new Set();
for (const [_, chunkIssues] of chunksWithIssues){
for (const chunkIssue of chunkIssues){
if (deduplicationSet.has(chunkIssue.formatted)) continue;
issues.push(chunkIssue);
deduplicationSet.add(chunkIssue.formatted);
}
}
sortIssues(issues);
hooks.issues(issues);
}
function handleIssues(msg) {
const key = resourceKey(msg.resource);
let hasCriticalIssues = false;
for (const issue of msg.issues){
if (CRITICAL.includes(issue.severity)) {
hasCriticalIssues = true;
}
}
if (msg.issues.length > 0) {
chunksWithIssues.set(key, msg.issues);
} else if (chunksWithIssues.has(key)) {
chunksWithIssues.delete(key);
}
emitIssues();
return hasCriticalIssues;
}
const SEVERITY_ORDER = [
'bug',
'fatal',
'error',
'warning',
'info',
'log'
];
const CATEGORY_ORDER = [
'parse',
'resolve',
'code generation',
'rendering',
'typescript',
'other'
];
function sortIssues(issues) {
issues.sort((a, b)=>{
const first = compareByList(SEVERITY_ORDER, a.severity, b.severity);
if (first !== 0) return first;
return compareByList(CATEGORY_ORDER, a.category, b.category);
});
}
const hooks = {
beforeRefresh: ()=>{},
refresh: ()=>{},
buildOk: ()=>{},
issues: (_issues)=>{}
};
function setHooks(newHooks) {
Object.assign(hooks, newHooks);
}
function handleSocketMessage(msg) {
sortIssues(msg.issues);
handleIssues(msg);
switch(msg.type){
case 'issues':
break;
case 'partial':
// aggregate updates
aggregateUpdates(msg);
break;
default:
// run single update
const runHooks = chunkListsWithPendingUpdates.size === 0;
if (runHooks) hooks.beforeRefresh();
triggerUpdate(msg);
if (runHooks) finalizeUpdate();
break;
}
}
function finalizeUpdate() {
hooks.refresh();
hooks.buildOk();
// This is used by the Next.js integration test suite to notify it when HMR
// updates have been completed.
// TODO: Only run this in test environments (gate by `process.env.__NEXT_TEST_MODE`)
if (globalThis.__NEXT_HMR_CB) {
globalThis.__NEXT_HMR_CB();
globalThis.__NEXT_HMR_CB = null;
}
}
function subscribeToChunkUpdate(chunkListPath, sendMessage, callback) {
return subscribeToUpdate({
path: chunkListPath
}, sendMessage, callback);
}
function subscribeToUpdate(resource, sendMessage, callback) {
const key = resourceKey(resource);
let callbackSet;
const existingCallbackSet = updateCallbackSets.get(key);
if (!existingCallbackSet) {
callbackSet = {
callbacks: new Set([
callback
]),
unsubscribe: subscribeToUpdates(sendMessage, resource)
};
updateCallbackSets.set(key, callbackSet);
} else {
existingCallbackSet.callbacks.add(callback);
callbackSet = existingCallbackSet;
}
return ()=>{
callbackSet.callbacks.delete(callback);
if (callbackSet.callbacks.size === 0) {
callbackSet.unsubscribe();
updateCallbackSets.delete(key);
}
};
}
function triggerUpdate(msg) {
const key = resourceKey(msg.resource);
const callbackSet = updateCallbackSets.get(key);
if (!callbackSet) {
return;
}
for (const callback of callbackSet.callbacks){
callback(msg);
}
if (msg.type === 'notFound') {
// This indicates that the resource which we subscribed to either does not exist or
// has been deleted. In either case, we should clear all update callbacks, so if a
// new subscription is created for the same resource, it will send a new "subscribe"
// message to the server.
// No need to send an "unsubscribe" message to the server, it will have already
// dropped the update stream before sending the "notFound" message.
updateCallbackSets.delete(key);
}
}
}),
"[project]/src/lib/utils.ts [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"cn",
()=>cn
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$clsx$2f$dist$2f$clsx$2e$mjs__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/clsx/dist/clsx.mjs [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$tailwind$2d$merge$2f$dist$2f$bundle$2d$mjs$2e$mjs__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/tailwind-merge/dist/bundle-mjs.mjs [client] (ecmascript)");
;
;
function cn() {
for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
inputs[_key] = arguments[_key];
}
return (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$tailwind$2d$merge$2f$dist$2f$bundle$2d$mjs$2e$mjs__$5b$client$5d$__$28$ecmascript$29$__["twMerge"])((0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$clsx$2f$dist$2f$clsx$2e$mjs__$5b$client$5d$__$28$ecmascript$29$__["clsx"])(inputs));
}
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/Header.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"Header",
()=>Header
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$chevron$2d$down$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ChevronDown$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/chevron-down.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$menu$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Menu$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/menu.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$x$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__X$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/x.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$search$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Search$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/search.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
const NAV_ITEMS = [
{
label: "About",
href: "#about",
megaMenu: [
{
title: "About Alrazah",
links: [
{
label: "Overview",
href: "#"
},
{
label: "Our Strategy",
href: "#"
},
{
label: "Leadership",
href: "#"
},
{
label: "Corporate Structure",
href: "#"
}
]
},
{
title: "Corporate",
links: [
{
label: "Governance",
href: "#"
},
{
label: "Sustainability",
href: "#"
},
{
label: "Media & News",
href: "#"
},
{
label: "Careers",
href: "#"
}
]
}
]
},
{
label: "Investments",
href: "#investments",
megaMenu: [
{
title: "Investment Sectors",
links: [
{
label: "Real Estate",
href: "#"
},
{
label: "Logistics & Industrial",
href: "#"
},
{
label: "Asset Management",
href: "#"
},
{
label: "Project Management",
href: "#"
}
]
},
{
title: "Capabilities",
links: [
{
label: "Portfolio Management",
href: "#"
},
{
label: "Risk Management",
href: "#"
},
{
label: "Development",
href: "#"
},
{
label: "Engineering",
href: "#"
}
]
}
]
},
{
label: "Projects",
href: "#projects",
megaMenu: [
{
title: "Our Projects",
links: [
{
label: "Real Estate Developments",
href: "#"
},
{
label: "Logistics Facilities",
href: "#"
},
{
label: "Industrial Infrastructure",
href: "#"
},
{
label: "Completed Projects",
href: "#"
}
]
}
]
},
{
label: "Investor Relations",
href: "#investor-relations",
megaMenu: [
{
title: "Share Information",
links: [
{
label: "Share Price",
href: "#"
},
{
label: "Financial Information",
href: "#"
},
{
label: "Annual Reports",
href: "#"
},
{
label: "Announcements",
href: "#"
}
]
}
]
},
{
label: "Governance",
href: "#governance"
},
{
label: "Sustainability",
href: "#sustainability"
},
{
label: "Media",
href: "#media"
}
];
function Header() {
_s();
const [scrolled, setScrolled] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
const [activeMenu, setActiveMenu] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(null);
const [mobileOpen, setMobileOpen] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
const [lang, setLang] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])("en");
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"Header.useEffect": ()=>{
const onScroll = {
"Header.useEffect.onScroll": ()=>setScrolled(window.scrollY > 40)
}["Header.useEffect.onScroll"];
window.addEventListener("scroll", onScroll, {
passive: true
});
return ({
"Header.useEffect": ()=>window.removeEventListener("scroll", onScroll)
})["Header.useEffect"];
}
}["Header.useEffect"], []);
const handleNavClick = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useCallback"])({
"Header.useCallback[handleNavClick]": (e, href)=>{
if (href.startsWith("#")) {
e.preventDefault();
const el = document.querySelector(href);
if (el) {
el.scrollIntoView({
behavior: "smooth"
});
setMobileOpen(false);
setActiveMenu(null);
}
}
}
}["Header.useCallback[handleNavClick]"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["Fragment"], {
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("header", {
"data-sg-el": "src/components/Header.tsx:128:6",
"data-sg-name": "header",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("fixed top-0 left-0 right-0 z-50 transition-all duration-500 ease-alrazah", scrolled ? "bg-background/95 backdrop-blur-md border-b border-border shadow-sm h-header-compact" : "bg-transparent h-header"),
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:136:8",
"data-sg-name": "div",
className: "container-alrazah-wide h-full flex items-center justify-between",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:138:10",
"data-sg-name": "Link",
href: "/",
className: "flex items-center gap-3 group",
"aria-label": "Alrazah Holding",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:143:12",
"data-sg-name": "div",
className: "w-10 h-10 bg-primary flex items-center justify-center rounded-sm",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Header.tsx:144:14",
"data-sg-name": "span",
className: "text-primary-foreground font-display font-bold text-sm",
children: "A"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 144,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 143,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:148:12",
"data-sg-name": "div",
className: "flex flex-col",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Header.tsx:149:14",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("font-display font-semibold text-sm tracking-[0.08em] uppercase transition-colors", scrolled ? "text-foreground" : "text-white"),
children: "Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 149,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Header.tsx:157:14",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("font-display text-[10px] tracking-[0.15em] uppercase transition-colors", scrolled ? "text-muted-foreground" : "text-white/70"),
children: "Holding"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 157,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 148,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 138,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("nav", {
"data-sg-el": "src/components/Header.tsx:169:10",
"data-sg-name": "nav",
className: "hidden lg:flex items-center gap-1",
children: NAV_ITEMS.map((item)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:171:14",
"data-sg-name": "div",
className: "relative",
onMouseEnter: ()=>item.megaMenu && setActiveMenu(item.label),
onMouseLeave: ()=>setActiveMenu(null),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:177:16",
"data-sg-name": "Link",
href: item.href,
onClick: (e)=>handleNavClick(e, item.href),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("flex items-center gap-1 px-4 py-2 text-[13px] font-medium tracking-wide uppercase transition-colors duration-300", scrolled ? "text-foreground hover:text-primary" : "text-white/90 hover:text-white", activeMenu === item.label && "text-accent"),
children: [
item.label,
item.megaMenu && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$chevron$2d$down$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ChevronDown$3e$__["ChevronDown"], {
"data-sg-el": "src/components/Header.tsx:190:20",
"data-sg-name": "ChevronDown",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("w-3.5 h-3.5 transition-transform duration-300", activeMenu === item.label && "rotate-180")
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 190,
columnNumber: 21
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 177,
columnNumber: 17
}, this),
item.megaMenu && activeMenu === item.label && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:201:18",
"data-sg-name": "div",
className: "absolute top-full left-1/2 -translate-x-1/2 pt-4 animate-fade-in-up",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:202:20",
"data-sg-name": "div",
className: "bg-background border border-border shadow-xl rounded-sm min-w-[520px] p-8 grid grid-cols-2 gap-8",
children: item.megaMenu.map((section)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:204:24",
"data-sg-name": "div",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h4", {
"data-sg-el": "src/components/Header.tsx:205:26",
"data-sg-name": "h4",
className: "text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground mb-4 font-display",
children: section.title
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 205,
columnNumber: 27
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("ul", {
"data-sg-el": "src/components/Header.tsx:208:26",
"data-sg-name": "ul",
className: "space-y-3",
children: section.links.map((link)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("li", {
"data-sg-el": "src/components/Header.tsx:210:30",
"data-sg-name": "li",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:211:32",
"data-sg-name": "Link",
href: link.href,
className: "group flex items-center gap-2 text-sm text-foreground hover:text-accent transition-colors duration-200",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Header.tsx:215:34",
"data-sg-name": "span",
children: link.label
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 215,
columnNumber: 35
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/Header.tsx:216:34",
"data-sg-name": "ArrowRight",
className: "w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 216,
columnNumber: 35
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 211,
columnNumber: 33
}, this)
}, link.label, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 210,
columnNumber: 31
}, this))
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 208,
columnNumber: 27
}, this)
]
}, section.title, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 204,
columnNumber: 25
}, this))
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 202,
columnNumber: 21
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 201,
columnNumber: 19
}, this)
]
}, item.label, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 171,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 169,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:231:10",
"data-sg-name": "div",
className: "hidden lg:flex items-center gap-4",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:232:12",
"data-sg-name": "button",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("p-2 rounded-sm transition-colors", scrolled ? "text-foreground hover:text-primary" : "text-white/80 hover:text-white"),
"aria-label": "Search",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$search$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Search$3e$__["Search"], {
"data-sg-el": "src/components/Header.tsx:241:14",
"data-sg-name": "Search",
className: "w-4 h-4"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 241,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 232,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:244:12",
"data-sg-name": "div",
className: "flex items-center gap-1 text-[12px] font-medium",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:245:14",
"data-sg-name": "button",
onClick: ()=>setLang("en"),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("px-2 py-1 transition-colors", lang === "en" ? scrolled ? "text-foreground" : "text-white" : "text-muted-foreground hover:text-foreground"),
children: "EN"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 245,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Header.tsx:258:14",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("text-muted-foreground", !scrolled && "text-white/40"),
children: "/"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 258,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:266:14",
"data-sg-name": "button",
onClick: ()=>setLang("ar"),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("px-2 py-1 transition-colors font-arabic", lang === "ar" ? scrolled ? "text-foreground" : "text-white" : "text-muted-foreground hover:text-foreground"),
children: "AR"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 266,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 244,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:281:12",
"data-sg-name": "Link",
href: "#contact",
onClick: (e)=>handleNavClick(e, "#contact"),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("px-5 py-2.5 text-[12px] font-semibold uppercase tracking-[0.1em] rounded-sm transition-all duration-300", scrolled ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-white/10 text-white border border-white/20 hover:bg-white/20"),
children: "Contact"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 281,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 231,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:296:10",
"data-sg-name": "button",
onClick: ()=>setMobileOpen(!mobileOpen),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("lg:hidden p-2 rounded-sm transition-colors", scrolled ? "text-foreground" : "text-white"),
"aria-label": "Toggle menu",
children: mobileOpen ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$x$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__X$3e$__["X"], {
"data-sg-el": "src/components/Header.tsx:307:14",
"data-sg-name": "X",
className: "w-6 h-6"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 307,
columnNumber: 15
}, this) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$menu$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Menu$3e$__["Menu"], {
"data-sg-el": "src/components/Header.tsx:309:14",
"data-sg-name": "Menu",
className: "w-6 h-6"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 309,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 296,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 136,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 128,
columnNumber: 7
}, this),
mobileOpen && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:317:8",
"data-sg-name": "div",
className: "fixed inset-0 z-40 bg-background animate-fade-in",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:318:10",
"data-sg-name": "div",
className: "pt-24 pb-8 px-6 h-full overflow-y-auto",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("nav", {
"data-sg-el": "src/components/Header.tsx:319:12",
"data-sg-name": "nav",
className: "space-y-1",
children: NAV_ITEMS.map((item)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:321:16",
"data-sg-name": "Link",
href: item.href,
onClick: (e)=>handleNavClick(e, item.href),
className: "block py-4 text-lg font-display font-medium text-foreground hover:text-accent border-b border-border transition-colors",
children: item.label
}, item.label, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 321,
columnNumber: 17
}, this))
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 319,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:332:12",
"data-sg-name": "div",
className: "mt-8 pt-8 border-t border-border",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Header.tsx:333:14",
"data-sg-name": "Link",
href: "#contact",
onClick: (e)=>handleNavClick(e, "#contact"),
className: "inline-block px-6 py-3 bg-primary text-primary-foreground text-sm font-semibold uppercase tracking-[0.1em] rounded-sm",
children: "Contact Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 333,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 332,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Header.tsx:342:12",
"data-sg-name": "div",
className: "mt-8 flex items-center gap-2 text-sm",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:343:14",
"data-sg-name": "button",
onClick: ()=>setLang("en"),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("px-3 py-1.5 rounded-sm", lang === "en" ? "bg-muted text-foreground" : "text-muted-foreground"),
children: "English"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 343,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Header.tsx:354:14",
"data-sg-name": "button",
onClick: ()=>setLang("ar"),
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("px-3 py-1.5 rounded-sm font-arabic", lang === "ar" ? "bg-muted text-foreground" : "text-muted-foreground"),
children: "العربية"
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 354,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 342,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 318,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Header.tsx",
lineNumber: 317,
columnNumber: 9
}, this)
]
}, void 0, true);
}
_s(Header, "lQZZH87EhNgNBdGlxjgNsDG6+cU=");
_c = Header;
var _c;
__turbopack_context__.k.register(_c, "Header");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/Hero.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"Hero",
()=>Hero
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$pause$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Pause$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/pause.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$play$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Play$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/play.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
const MICRO_DATA = [
{
label: "Qatar",
value: "Headquartered in Doha"
},
{
label: "Diversified",
value: "Investment Platform"
},
{
label: "Long-Term",
value: "Value Creation"
},
{
label: "QSE",
value: "Listed Company"
}
];
function Hero() {
_s();
const videoRef = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [isPlaying, setIsPlaying] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(true);
const [isVisible, setIsVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"Hero.useEffect": ()=>{
const timer = setTimeout({
"Hero.useEffect.timer": ()=>setIsVisible(true)
}["Hero.useEffect.timer"], 100);
return ({
"Hero.useEffect": ()=>clearTimeout(timer)
})["Hero.useEffect"];
}
}["Hero.useEffect"], []);
const toggleVideo = ()=>{
if (videoRef.current) {
if (isPlaying) {
videoRef.current.pause();
} else {
videoRef.current.play();
}
setIsPlaying(!isPlaying);
}
};
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/Hero.tsx:35:4",
"data-sg-name": "section",
className: "relative w-full min-h-[92vh] overflow-hidden bg-primary",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:37:6",
"data-sg-name": "div",
className: "absolute inset-0",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("video", {
"data-sg-el": "src/components/Hero.tsx:38:8",
"data-sg-name": "video",
ref: videoRef,
autoPlay: true,
muted: true,
loop: true,
playsInline: true,
poster: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1920&q=80",
className: "w-full h-full object-cover",
"aria-label": "Cinematic overview of Doha and Alrazah projects",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("source", {
"data-sg-el": "src/components/Hero.tsx:48:10",
"data-sg-name": "source",
src: "https://cdn.coverr.co/videos/coverr-doha-skyline-at-sunset-4587/1080p.mp4",
type: "video/mp4"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 48,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 38,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:54:8",
"data-sg-name": "div",
className: "absolute inset-0",
style: {
background: "linear-gradient(to bottom, rgba(10,18,25,0.05) 0%, rgba(10,18,25,0.12) 30%, rgba(10,18,25,0.48) 70%, rgba(10,18,25,0.72) 100%)"
}
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 54,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 37,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:64:6",
"data-sg-name": "div",
className: "relative z-10 flex flex-col justify-end min-h-[92vh] pb-16 md:pb-24",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:65:8",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:67:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mb-6 transition-all duration-700 ease-alrazah", isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Hero.tsx:75:12",
"data-sg-name": "span",
className: "inline-block px-3 py-1.5 bg-white/10 backdrop-blur-sm border border-white/15 rounded-sm text-[11px] font-semibold uppercase tracking-[0.2em] text-white/90 font-display",
children: "Qatari Investment & Holding Company"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 75,
columnNumber: 13
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 67,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h1", {
"data-sg-el": "src/components/Hero.tsx:81:10",
"data-sg-name": "h1",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("max-w-3xl font-display font-semibold text-white leading-[1.05] tracking-[-0.03em] transition-all duration-900 ease-alrazah delay-150", isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6", "text-4xl sm:text-5xl md:text-6xl lg:text-[72px]"),
children: [
"Investing in Qatar.",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("br", {
"data-sg-el": "src/components/Hero.tsx:91:12",
"data-sg-name": "br"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 91,
columnNumber: 13
}, this),
"Building What Comes Next."
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 81,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/Hero.tsx:96:10",
"data-sg-name": "p",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-6 max-w-xl text-[17px] md:text-lg text-white/75 leading-relaxed font-body transition-all duration-900 ease-alrazah delay-300", isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
children: "Alrazah Holding is a diversified Qatari investment company creating long-term value through strategic investments, development and asset management across the sectors shaping Qatar's future."
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 96,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:110:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-10 flex flex-wrap items-center gap-4 transition-all duration-900 ease-alrazah delay-500", isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Hero.tsx:118:12",
"data-sg-name": "Link",
href: "#investments",
onClick: (e)=>{
var _document_querySelector;
e.preventDefault();
(_document_querySelector = document.querySelector("#investments")) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.scrollIntoView({
behavior: "smooth"
});
},
className: "group inline-flex items-center gap-3 px-7 py-3.5 bg-white text-primary text-sm font-semibold uppercase tracking-[0.08em] rounded-sm hover:bg-white/95 transition-all duration-300",
children: [
"Explore Our Investments",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/Hero.tsx:129:14",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 129,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 118,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/Hero.tsx:131:12",
"data-sg-name": "Link",
href: "#about",
onClick: (e)=>{
var _document_querySelector;
e.preventDefault();
(_document_querySelector = document.querySelector("#about")) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.scrollIntoView({
behavior: "smooth"
});
},
className: "group inline-flex items-center gap-3 px-7 py-3.5 text-white text-sm font-semibold uppercase tracking-[0.08em] border border-white/25 rounded-sm hover:bg-white/10 transition-all duration-300",
children: "About Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 131,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 110,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:146:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-16 md:mt-24 grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-10 transition-all duration-900 ease-alrazah delay-700", isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
children: MICRO_DATA.map((item, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:155:14",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("border-l-2 border-accent/60 pl-4 transition-all duration-500", isVisible ? "opacity-100" : "opacity-0"),
style: {
transitionDelay: "".concat(800 + i * 100, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:163:16",
"data-sg-name": "div",
className: "text-[11px] font-semibold uppercase tracking-[0.15em] text-white/60 font-display mb-1",
children: item.label
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 163,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:166:16",
"data-sg-name": "div",
className: "text-sm text-white/90 font-medium",
children: item.value
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 166,
columnNumber: 17
}, this)
]
}, item.label, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 155,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 146,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 65,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 64,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:176:6",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("absolute bottom-6 left-0 right-0 z-10 flex items-end justify-between container-alrazah-wide transition-all duration-700", isVisible ? "opacity-100" : "opacity-0"),
style: {
transitionDelay: "900ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("button", {
"data-sg-el": "src/components/Hero.tsx:184:8",
"data-sg-name": "button",
onClick: toggleVideo,
className: "hidden md:flex items-center gap-2 text-white/60 hover:text-white transition-colors",
"aria-label": isPlaying ? "Pause video" : "Play video",
children: [
isPlaying ? /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$pause$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Pause$3e$__["Pause"], {
"data-sg-el": "src/components/Hero.tsx:190:12",
"data-sg-name": "Pause",
className: "w-3.5 h-3.5"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 190,
columnNumber: 13
}, this) : /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$play$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Play$3e$__["Play"], {
"data-sg-el": "src/components/Hero.tsx:192:12",
"data-sg-name": "Play",
className: "w-3.5 h-3.5"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 192,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Hero.tsx:194:10",
"data-sg-name": "span",
className: "text-[11px] font-medium uppercase tracking-wider",
children: isPlaying ? "Pause" : "Play"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 194,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 184,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:200:8",
"data-sg-name": "div",
className: "flex flex-col items-center gap-2 ml-auto",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/Hero.tsx:201:10",
"data-sg-name": "span",
className: "text-[11px] font-medium uppercase tracking-wider text-white/60",
children: "Scroll to explore"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 201,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:204:10",
"data-sg-name": "div",
className: "w-px h-10 bg-white/20 overflow-hidden",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/Hero.tsx:205:12",
"data-sg-name": "div",
className: "w-full h-full bg-white/60 animate-scroll-line"
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 205,
columnNumber: 13
}, this)
}, void 0, false, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 204,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 200,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 176,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/Hero.tsx",
lineNumber: 35,
columnNumber: 5
}, this);
}
_s(Hero, "VzGH6eWPaKy6GbFbUCjvXFUywwM=");
_c = Hero;
var _c;
__turbopack_context__.k.register(_c, "Hero");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/SectionHeader.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"SectionHeader",
()=>SectionHeader
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
;
function SectionHeader(param) {
let { eyebrow, headline, description, className, dark = false, align = "left" } = param;
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/SectionHeader.tsx:21:4",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("max-w-3xl", align === "center" && "mx-auto text-center", className),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/SectionHeader.tsx:28:6",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("inline-block text-[11px] font-semibold uppercase tracking-[0.2em] font-display mb-4", dark ? "text-white/60" : "text-secondary"),
children: eyebrow
}, void 0, false, {
fileName: "[project]/src/components/SectionHeader.tsx",
lineNumber: 28,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h2", {
"data-sg-el": "src/components/SectionHeader.tsx:36:6",
"data-sg-name": "h2",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("font-display font-semibold leading-[1.1] tracking-[-0.02em]", dark ? "text-white" : "text-foreground", "text-3xl md:text-4xl lg:text-[42px]"),
children: headline
}, void 0, false, {
fileName: "[project]/src/components/SectionHeader.tsx",
lineNumber: 36,
columnNumber: 7
}, this),
description && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/SectionHeader.tsx:46:8",
"data-sg-name": "p",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-5 text-[16px] md:text-[17px] leading-[1.7] font-body", dark ? "text-white/65" : "text-muted-foreground"),
children: description
}, void 0, false, {
fileName: "[project]/src/components/SectionHeader.tsx",
lineNumber: 46,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/SectionHeader.tsx",
lineNumber: 21,
columnNumber: 5
}, this);
}
_c = SectionHeader;
var _c;
__turbopack_context__.k.register(_c, "SectionHeader");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/InstitutionalSnapshot.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"InstitutionalSnapshot",
()=>InstitutionalSnapshot
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
const SNAPSHOT_ITEMS = [
{
num: "01",
label: "Qatar",
value: "Headquartered in Doha"
},
{
num: "02",
label: "Diversified",
value: "Multi-sector investment platform"
},
{
num: "03",
label: "Long-Term",
value: "Value creation focus"
},
{
num: "04",
label: "Listed",
value: "Qatar Stock Exchange"
}
];
function InstitutionalSnapshot() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"InstitutionalSnapshot.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"InstitutionalSnapshot.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["InstitutionalSnapshot.useEffect"], {
threshold: 0.2
});
observer.observe(el);
return ({
"InstitutionalSnapshot.useEffect": ()=>observer.disconnect()
})["InstitutionalSnapshot.useEffect"];
}
}["InstitutionalSnapshot.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:49:4",
"data-sg-name": "section",
id: "about",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:54:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:55:8",
"data-sg-name": "div",
className: "grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-start",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:57:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:63:12",
"data-sg-name": "SectionHeader",
eyebrow: "Alrazah at a Glance",
headline: "A diversified platform built for long-term value."
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 63,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:67:12",
"data-sg-name": "p",
className: "mt-6 text-[16px] md:text-[17px] text-muted-foreground leading-[1.75] max-w-lg font-body",
children: "Alrazah Holding is a Qatari public shareholding investment and holding company focused on creating sustainable long-term value through diversified investments, development and disciplined asset management."
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 67,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 57,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:76:10",
"data-sg-name": "div",
className: "grid grid-cols-2 gap-8 md:gap-10",
children: SNAPSHOT_ITEMS.map((item, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:78:14",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group p-6 md:p-8 border border-border bg-card/50 hover:bg-card transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "".concat(200 + i * 120, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:86:16",
"data-sg-name": "span",
className: "text-[11px] font-semibold text-muted-foreground font-display tracking-wider",
children: item.num
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 86,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:89:16",
"data-sg-name": "h3",
className: "mt-3 text-lg md:text-xl font-display font-semibold text-foreground",
children: item.label
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 89,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InstitutionalSnapshot.tsx:92:16",
"data-sg-name": "p",
className: "mt-2 text-sm text-muted-foreground leading-relaxed font-body",
children: item.value
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 92,
columnNumber: 17
}, this)
]
}, item.num, true, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 78,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 76,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 55,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 54,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InstitutionalSnapshot.tsx",
lineNumber: 49,
columnNumber: 5
}, this);
}
_s(InstitutionalSnapshot, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = InstitutionalSnapshot;
var _c;
__turbopack_context__.k.register(_c, "InstitutionalSnapshot");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/InvestmentThesis.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"InvestmentThesis",
()=>InvestmentThesis
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const PILLARS = [
{
num: "01",
title: "Identify",
subtitle: "High-potential opportunities",
description: "We identify sectors, assets and projects positioned to benefit from structural economic growth."
},
{
num: "02",
title: "Develop",
subtitle: "Build enduring value",
description: "We combine investment expertise with development and project-management capabilities to turn opportunities into productive assets."
},
{
num: "03",
title: "Manage",
subtitle: "Compound long-term value",
description: "We actively manage our portfolio with a focus on resilience, disciplined risk and sustainable returns."
}
];
function InvestmentThesis() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"InvestmentThesis.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"InvestmentThesis.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["InvestmentThesis.useEffect"], {
threshold: 0.15
});
observer.observe(el);
return ({
"InvestmentThesis.useEffect": ()=>observer.disconnect()
})["InvestmentThesis.useEffect"];
}
}["InvestmentThesis.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:52:4",
"data-sg-name": "section",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background border-t border-border",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:56:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:57:8",
"data-sg-name": "SectionHeader",
eyebrow: "Our Approach",
headline: "Diversification with purpose. Discipline with perspective.",
description: "We invest with a long-term view, combining local market knowledge, disciplined capital allocation and active management to identify opportunities across sectors fundamental to Qatar's continued growth.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 57,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:67:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-10",
children: PILLARS.map((pillar, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:69:12",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group p-8 md:p-10 border border-border bg-card/40 hover:bg-card hover:border-accent/20 transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "".concat(300 + i * 150, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:77:14",
"data-sg-name": "span",
className: "text-[11px] font-semibold text-accent font-display tracking-wider",
children: pillar.num
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 77,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:80:14",
"data-sg-name": "h3",
className: "mt-4 text-2xl md:text-[28px] font-display font-semibold text-foreground tracking-tight",
children: pillar.title
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 80,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:83:14",
"data-sg-name": "p",
className: "mt-2 text-[15px] font-semibold text-secondary font-display",
children: pillar.subtitle
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 83,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:86:14",
"data-sg-name": "p",
className: "mt-4 text-[15px] text-muted-foreground leading-[1.7] font-body",
children: pillar.description
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 86,
columnNumber: 15
}, this)
]
}, pillar.num, true, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 69,
columnNumber: 13
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 67,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:93:8",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-14 transition-all duration-700 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
style: {
transitionDelay: "800ms"
},
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:100:10",
"data-sg-name": "Link",
href: "#",
className: "group inline-flex items-center gap-2 text-sm font-semibold text-foreground hover:text-accent transition-colors duration-300",
children: [
"Discover Our Strategy",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/InvestmentThesis.tsx:105:12",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 105,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 100,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 93,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 56,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentThesis.tsx",
lineNumber: 52,
columnNumber: 5
}, this);
}
_s(InvestmentThesis, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = InvestmentThesis;
var _c;
__turbopack_context__.k.register(_c, "InvestmentThesis");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/InvestmentSectors.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"InvestmentSectors",
()=>InvestmentSectors
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const SECTORS = [
{
num: "01",
title: "Real Estate",
description: "Developing and investing in high-quality commercial, administrative and residential properties designed around evolving market needs.",
image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800&q=80",
cta: "Explore Real Estate"
},
{
num: "02",
title: "Logistics & Industrial",
description: "Developing strategic logistics infrastructure, warehousing and industrial facilities supporting the growth of Qatar's businesses and distribution networks.",
image: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=800&q=80",
cta: "Explore Logistics & Industrial"
},
{
num: "03",
title: "Asset Management",
description: "Managing a diversified portfolio through disciplined financial management, active oversight and a long-term approach to value creation.",
image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800&q=80",
cta: "Explore Asset Management"
},
{
num: "04",
title: "Project Management",
description: "Combining engineering expertise, development capabilities and disciplined execution to deliver complex projects to demanding standards.",
image: "https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=800&q=80",
cta: "Explore Project Management"
}
];
function InvestmentSectors() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"InvestmentSectors.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"InvestmentSectors.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["InvestmentSectors.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"InvestmentSectors.useEffect": ()=>observer.disconnect()
})["InvestmentSectors.useEffect"];
}
}["InvestmentSectors.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:67:4",
"data-sg-name": "section",
id: "investments",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:72:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:73:8",
"data-sg-name": "SectionHeader",
eyebrow: "Our Investments",
headline: "Investing across the foundations of a growing economy.",
description: "Our diversified investment platform spans real estate, logistics and industrial infrastructure, asset management and project management.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 73,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:83:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8",
children: SECTORS.map((sector, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:85:12",
"data-sg-name": "Link",
href: "#",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group relative overflow-hidden min-h-[360px] md:min-h-[400px] lg:min-h-[440px] flex flex-col justify-end p-8 md:p-10 border border-border hover:border-accent/30 transition-all duration-[450ms] ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "".concat(250 + i * 120, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:95:14",
"data-sg-name": "div",
className: "absolute inset-0",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:96:16",
"data-sg-name": "img",
src: sector.image,
alt: sector.title,
className: "w-full h-full object-cover transition-transform duration-[600ms] ease-alrazah group-hover:scale-[1.03]",
loading: "lazy"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 96,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:103:16",
"data-sg-name": "div",
className: "absolute inset-0",
style: {
background: "linear-gradient(to top, rgba(16,24,32,0.88) 0%, rgba(16,24,32,0.5) 40%, rgba(16,24,32,0.15) 70%, rgba(16,24,32,0.05) 100%)"
}
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 103,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 95,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:113:14",
"data-sg-name": "div",
className: "relative z-10",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:114:16",
"data-sg-name": "span",
className: "text-[11px] font-semibold text-white/50 font-display tracking-wider",
children: sector.num
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 114,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:117:16",
"data-sg-name": "h3",
className: "mt-3 text-2xl md:text-[28px] font-display font-semibold text-white tracking-tight",
children: sector.title
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 117,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:120:16",
"data-sg-name": "p",
className: "mt-3 text-[15px] text-white/70 leading-[1.7] max-w-md font-body",
children: sector.description
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 120,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:123:16",
"data-sg-name": "div",
className: "mt-5 inline-flex items-center gap-2 text-sm font-semibold text-white/90 group-hover:text-white transition-colors duration-300",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:124:18",
"data-sg-name": "span",
children: sector.cta
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 124,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/InvestmentSectors.tsx:125:18",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-2"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 125,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 123,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 113,
columnNumber: 15
}, this)
]
}, sector.num, true, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 85,
columnNumber: 13
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 83,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 72,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestmentSectors.tsx",
lineNumber: 67,
columnNumber: 5
}, this);
}
_s(InvestmentSectors, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = InvestmentSectors;
var _c;
__turbopack_context__.k.register(_c, "InvestmentSectors");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/FeaturedProjects.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"FeaturedProjects",
()=>FeaturedProjects
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$map$2d$pin$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__MapPin$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/map-pin.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const PROJECTS = [
{
name: "Lusail Commercial Tower",
sector: "Real Estate",
location: "Lusail, Qatar",
description: "A premium Grade-A commercial development in Qatar's future city, designed to meet the evolving demands of modern enterprise.",
image: "https://images.unsplash.com/photo-1545558014-8692077e9b5c?w=1200&q=80",
featured: true
},
{
name: "Ras Laffan Logistics Hub",
sector: "Logistics & Industrial",
location: "Ras Laffan, Qatar",
description: "Strategic warehousing and distribution infrastructure.",
image: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=800&q=80",
featured: false
},
{
name: "West Bay Administrative Complex",
sector: "Real Estate",
location: "West Bay, Doha",
description: "Contemporary administrative spaces for growing enterprises.",
image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800&q=80",
featured: false
}
];
function FeaturedProjects() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"FeaturedProjects.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"FeaturedProjects.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["FeaturedProjects.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"FeaturedProjects.useEffect": ()=>observer.disconnect()
})["FeaturedProjects.useEffect"];
}
}["FeaturedProjects.useEffect"], []);
const featured = PROJECTS.find((p)=>p.featured);
const secondary = PROJECTS.filter((p)=>!p.featured);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:62:4",
"data-sg-name": "section",
id: "projects",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-primary",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:67:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:68:8",
"data-sg-name": "SectionHeader",
eyebrow: "Selected Projects",
headline: "From investment strategy to physical impact.",
description: "Our portfolio is expressed through assets, developments and infrastructure that contribute to the evolving economic landscape of Qatar.",
dark: true,
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 68,
columnNumber: 9
}, this),
featured && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:81:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-16 md:mt-20 group cursor-pointer transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"),
style: {
transitionDelay: "200ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:88:12",
"data-sg-name": "div",
className: "relative overflow-hidden aspect-[21/9] md:aspect-[21/8]",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:89:14",
"data-sg-name": "img",
src: featured.image,
alt: featured.name,
className: "w-full h-full object-cover transition-transform duration-700 ease-alrazah group-hover:scale-[1.02]",
loading: "lazy"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 89,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:95:14",
"data-sg-name": "div",
className: "absolute inset-0 bg-gradient-to-t from-primary/80 via-primary/20 to-transparent"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 95,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 88,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:97:12",
"data-sg-name": "div",
className: "mt-8 grid grid-cols-1 md:grid-cols-12 gap-6 md:gap-10",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:98:14",
"data-sg-name": "div",
className: "md:col-span-8",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:99:16",
"data-sg-name": "div",
className: "flex items-center gap-4 text-[12px] font-semibold uppercase tracking-[0.1em] text-white/50 font-display",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:100:18",
"data-sg-name": "span",
children: featured.sector
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 100,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:101:18",
"data-sg-name": "span",
className: "w-1 h-1 rounded-full bg-white/30"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 101,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:102:18",
"data-sg-name": "span",
className: "flex items-center gap-1.5",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$map$2d$pin$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__MapPin$3e$__["MapPin"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:103:20",
"data-sg-name": "MapPin",
className: "w-3.5 h-3.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 103,
columnNumber: 21
}, this),
featured.location
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 102,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 99,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:107:16",
"data-sg-name": "h3",
className: "mt-4 text-2xl md:text-3xl lg:text-4xl font-display font-semibold text-white tracking-tight",
children: featured.name
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 107,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:110:16",
"data-sg-name": "p",
className: "mt-4 text-[16px] text-white/60 leading-[1.7] max-w-2xl font-body",
children: featured.description
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 110,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:113:16",
"data-sg-name": "Link",
href: "#",
className: "mt-6 inline-flex items-center gap-2 text-sm font-semibold text-white/80 hover:text-white transition-colors duration-300",
children: [
"View Project",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:118:18",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 118,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 113,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 98,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 97,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 81,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:126:8",
"data-sg-name": "div",
className: "mt-12 md:mt-16 grid grid-cols-1 md:grid-cols-2 gap-8",
children: secondary.map((project, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:128:12",
"data-sg-name": "Link",
href: "#",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group block transition-all duration-700 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "".concat(400 + i * 150, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:137:14",
"data-sg-name": "div",
className: "relative overflow-hidden aspect-[16/10]",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:138:16",
"data-sg-name": "img",
src: project.image,
alt: project.name,
className: "w-full h-full object-cover transition-transform duration-600 ease-alrazah group-hover:scale-[1.03]",
loading: "lazy"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 138,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:144:16",
"data-sg-name": "div",
className: "absolute inset-0 bg-gradient-to-t from-primary/70 to-transparent"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 144,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 137,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:146:14",
"data-sg-name": "div",
className: "mt-5",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:147:16",
"data-sg-name": "div",
className: "flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.1em] text-white/50 font-display",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:148:18",
"data-sg-name": "span",
children: project.sector
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 148,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:149:18",
"data-sg-name": "span",
className: "w-1 h-1 rounded-full bg-white/30"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 149,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:150:18",
"data-sg-name": "span",
className: "flex items-center gap-1",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$map$2d$pin$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__MapPin$3e$__["MapPin"], {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:151:20",
"data-sg-name": "MapPin",
className: "w-3 h-3"
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 151,
columnNumber: 21
}, this),
project.location
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 150,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 147,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h4", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:155:16",
"data-sg-name": "h4",
className: "mt-3 text-xl md:text-2xl font-display font-semibold text-white tracking-tight group-hover:text-white/90 transition-colors",
children: project.name
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 155,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/FeaturedProjects.tsx:158:16",
"data-sg-name": "p",
className: "mt-2 text-[15px] text-white/50 leading-relaxed font-body",
children: project.description
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 158,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 146,
columnNumber: 15
}, this)
]
}, project.name, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 128,
columnNumber: 13
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 126,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 67,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/FeaturedProjects.tsx",
lineNumber: 62,
columnNumber: 5
}, this);
}
_s(FeaturedProjects, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = FeaturedProjects;
var _c;
__turbopack_context__.k.register(_c, "FeaturedProjects");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/ScaleMetrics.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"ScaleMetrics",
()=>ScaleMetrics
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
const METRICS = [
{
value: "QAR XX.X BN",
label: "Portfolio / Assets",
description: "Diversified investment portfolio"
},
{
value: "XX+",
label: "Investments",
description: "Strategic assets and projects"
},
{
value: "XX",
label: "Sectors",
description: "Core investment verticals"
},
{
value: "XX+",
label: "Years",
description: "Of institutional experience"
},
{
value: "XX",
label: "Strategic Markets",
description: "Regional investment focus"
}
];
function ScaleMetrics() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"ScaleMetrics.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"ScaleMetrics.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["ScaleMetrics.useEffect"], {
threshold: 0.15
});
observer.observe(el);
return ({
"ScaleMetrics.useEffect": ()=>observer.disconnect()
})["ScaleMetrics.useEffect"];
}
}["ScaleMetrics.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:54:4",
"data-sg-name": "section",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background border-t border-border",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:58:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:59:8",
"data-sg-name": "SectionHeader",
eyebrow: "Scale & Performance",
headline: "Scale creates resilience. Discipline creates performance.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 59,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:68:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-2 md:grid-cols-5 gap-8 md:gap-6",
children: METRICS.map((metric, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:70:12",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("text-center md:text-left p-6 md:p-0 transition-all duration-700 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "".concat(200 + i * 100, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:78:14",
"data-sg-name": "div",
className: "text-3xl md:text-4xl lg:text-5xl font-display font-semibold text-foreground tracking-tight",
children: metric.value
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 78,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:81:14",
"data-sg-name": "div",
className: "mt-2 text-[12px] font-semibold uppercase tracking-[0.12em] text-secondary font-display",
children: metric.label
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 81,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:84:14",
"data-sg-name": "p",
className: "mt-1 text-sm text-muted-foreground font-body",
children: metric.description
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 84,
columnNumber: 15
}, this)
]
}, metric.label, true, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 70,
columnNumber: 13
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 68,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:92:8",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-20 md:mt-28 grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "600ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:99:10",
"data-sg-name": "div",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:100:12",
"data-sg-name": "h3",
className: "text-2xl md:text-3xl font-display font-semibold text-foreground tracking-tight",
children: "Portfolio Allocation"
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 100,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:103:12",
"data-sg-name": "p",
className: "mt-4 text-[16px] text-muted-foreground leading-[1.7] font-body",
children: "Our investment portfolio is strategically allocated across sectors fundamental to Qatar's long-term economic development."
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 103,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 99,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:108:10",
"data-sg-name": "div",
className: "grid grid-cols-2 gap-4",
children: [
{
label: "Real Estate",
pct: "XX%"
},
{
label: "Logistics & Industrial",
pct: "XX%"
},
{
label: "Asset Management",
pct: "XX%"
},
{
label: "Other",
pct: "XX%"
}
].map((item)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:115:14",
"data-sg-name": "div",
className: "p-6 border border-border bg-card/40",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:119:16",
"data-sg-name": "div",
className: "text-2xl md:text-3xl font-display font-semibold text-foreground",
children: item.pct
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 119,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/ScaleMetrics.tsx:122:16",
"data-sg-name": "div",
className: "mt-1 text-sm text-muted-foreground font-body",
children: item.label
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 122,
columnNumber: 17
}, this)
]
}, item.label, true, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 115,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 108,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 92,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 58,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/ScaleMetrics.tsx",
lineNumber: 54,
columnNumber: 5
}, this);
}
_s(ScaleMetrics, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = ScaleMetrics;
var _c;
__turbopack_context__.k.register(_c, "ScaleMetrics");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/WhyAlrazah.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"WhyAlrazah",
()=>WhyAlrazah
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$globe$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Globe$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/globe.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$layers$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Layers$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/layers.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$settings$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Settings$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/settings.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$shield$2d$check$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ShieldCheck$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/shield-check.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
const PILLARS = [
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$globe$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Globe$3e$__["Globe"],
num: "01",
title: "Qatar Knowledge",
description: "Deep understanding of the Qatari market, its economic priorities and the sectors shaping its future."
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$layers$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Layers$3e$__["Layers"],
num: "02",
title: "Diversification",
description: "A balanced investment platform designed to participate across multiple growth opportunities."
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$settings$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Settings$3e$__["Settings"],
num: "03",
title: "Execution",
description: "Investment capability supported by development, engineering and project-management expertise."
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$shield$2d$check$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ShieldCheck$3e$__["ShieldCheck"],
num: "04",
title: "Governance",
description: "Disciplined decision-making, transparency and accountability designed to protect long-term stakeholder value."
}
];
function WhyAlrazah() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"WhyAlrazah.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"WhyAlrazah.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["WhyAlrazah.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"WhyAlrazah.useEffect": ()=>observer.disconnect()
})["WhyAlrazah.useEffect"];
}
}["WhyAlrazah.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:58:4",
"data-sg-name": "section",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-muted/30",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:62:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:63:8",
"data-sg-name": "SectionHeader",
eyebrow: "Why Alrazah",
headline: "Local conviction. Institutional discipline.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 63,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:72:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-6",
children: PILLARS.map((pillar, i)=>{
const Icon = pillar.icon;
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:76:14",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group p-8 md:p-6 border border-border bg-background hover:border-accent/20 transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "".concat(250 + i * 120, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:84:16",
"data-sg-name": "div",
className: "w-10 h-10 flex items-center justify-center border border-border bg-muted/50 mb-6",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(Icon, {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:85:18",
"data-sg-name": "Icon",
className: "w-5 h-5 text-secondary"
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 85,
columnNumber: 19
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 84,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:87:16",
"data-sg-name": "span",
className: "text-[11px] font-semibold text-muted-foreground font-display tracking-wider",
children: pillar.num
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 87,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:90:16",
"data-sg-name": "h3",
className: "mt-3 text-xl md:text-[22px] font-display font-semibold text-foreground tracking-tight",
children: pillar.title
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 90,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/WhyAlrazah.tsx:93:16",
"data-sg-name": "p",
className: "mt-3 text-[15px] text-muted-foreground leading-[1.7] font-body",
children: pillar.description
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 93,
columnNumber: 17
}, this)
]
}, pillar.num, true, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 76,
columnNumber: 15
}, this);
})
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 72,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 62,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/WhyAlrazah.tsx",
lineNumber: 58,
columnNumber: 5
}, this);
}
_s(WhyAlrazah, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = WhyAlrazah;
var _c;
__turbopack_context__.k.register(_c, "WhyAlrazah");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/QatarSection.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"QatarSection",
()=>QatarSection
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
function QatarSection() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"QatarSection.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"QatarSection.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["QatarSection.useEffect"], {
threshold: 0.15
});
observer.observe(el);
return ({
"QatarSection.useEffect": ()=>observer.disconnect()
})["QatarSection.useEffect"];
}
}["QatarSection.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/QatarSection.tsx:27:4",
"data-sg-name": "section",
ref: ref,
className: "relative overflow-hidden",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:32:6",
"data-sg-name": "div",
className: "absolute inset-0",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/QatarSection.tsx:33:8",
"data-sg-name": "img",
src: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1920&q=80",
alt: "Doha Qatar skyline",
className: "w-full h-full object-cover"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 33,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:38:8",
"data-sg-name": "div",
className: "absolute inset-0 bg-primary/75"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 38,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 32,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:41:6",
"data-sg-name": "div",
className: "relative z-10 py-28 md:py-36 lg:py-48",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:42:8",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:43:10",
"data-sg-name": "div",
className: "max-w-2xl",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/QatarSection.tsx:44:12",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("inline-block text-[11px] font-semibold uppercase tracking-[0.2em] text-white/60 font-display mb-6 transition-all duration-700", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
children: "Qatar"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 44,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h2", {
"data-sg-el": "src/components/sections/QatarSection.tsx:52:12",
"data-sg-name": "h2",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("font-display font-semibold text-white leading-[1.1] tracking-[-0.02em] transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6", "text-3xl md:text-4xl lg:text-[48px]"),
style: {
transitionDelay: "150ms"
},
children: [
"Built in Qatar.",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("br", {
"data-sg-el": "src/components/sections/QatarSection.tsx:61:14",
"data-sg-name": "br"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 61,
columnNumber: 15
}, this),
"Positioned for what comes next."
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 52,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/QatarSection.tsx:64:12",
"data-sg-name": "p",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-6 text-[17px] text-white/65 leading-[1.75] font-body transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "300ms"
},
children: "Qatar continues to evolve as a globally connected economy with expanding infrastructure, investment and diversification opportunities. Alrazah's strategy is aligned with the long-term development of the country and the opportunities emerging across its economy."
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 64,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/QatarSection.tsx:77:12",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-10 flex flex-wrap items-center gap-4 transition-all duration-700", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
style: {
transitionDelay: "450ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/QatarSection.tsx:84:14",
"data-sg-name": "Link",
href: "#",
className: "group inline-flex items-center gap-2 text-sm font-semibold text-white hover:text-white/80 transition-colors",
children: [
"Our Qatar Perspective",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/QatarSection.tsx:89:16",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 89,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 84,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/QatarSection.tsx:91:14",
"data-sg-name": "Link",
href: "#",
className: "group inline-flex items-center gap-2 text-sm font-semibold text-white/60 hover:text-white/80 transition-colors",
children: [
"Our Strategy",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/QatarSection.tsx:96:16",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 96,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 91,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 77,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 43,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 42,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 41,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/QatarSection.tsx",
lineNumber: 27,
columnNumber: 5
}, this);
}
_s(QatarSection, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = QatarSection;
var _c;
__turbopack_context__.k.register(_c, "QatarSection");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/StrategicApproach.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"StrategicApproach",
()=>StrategicApproach
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$down$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowDown$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-down.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
const STAGES = [
{
title: "Market Insight",
description: "Deep understanding of economic trends, sector dynamics and regulatory environment."
},
{
title: "Opportunity",
description: "Identification of assets and projects positioned for structural growth."
},
{
title: "Investment",
description: "Disciplined capital allocation with rigorous due diligence and risk assessment."
},
{
title: "Development",
description: "Active development and enhancement of assets through operational expertise."
},
{
title: "Active Management",
description: "Continuous oversight, optimization and strategic repositioning of portfolio assets."
},
{
title: "Long-Term Value",
description: "Sustainable value creation through compounding returns and disciplined exits."
}
];
function StrategicApproach() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
const [activeStage, setActiveStage] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(null);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"StrategicApproach.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"StrategicApproach.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["StrategicApproach.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"StrategicApproach.useEffect": ()=>observer.disconnect()
})["StrategicApproach.useEffect"];
}
}["StrategicApproach.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:61:4",
"data-sg-name": "section",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background border-t border-border",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:65:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:66:8",
"data-sg-name": "SectionHeader",
eyebrow: "Our Strategy",
headline: "We invest beyond the cycle.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 66,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:75:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:76:10",
"data-sg-name": "div",
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
children: STAGES.map((stage, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:78:14",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group relative p-8 border border-border bg-card/30 hover:bg-card hover:border-accent/20 cursor-pointer transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8", activeStage === i && "border-accent/40 bg-card"),
style: {
transitionDelay: "".concat(200 + i * 100, "ms")
},
onMouseEnter: ()=>setActiveStage(i),
onMouseLeave: ()=>setActiveStage(null),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:89:16",
"data-sg-name": "span",
className: "text-[11px] font-semibold text-accent font-display tracking-wider",
children: String(i + 1).padStart(2, "0")
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 89,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:92:16",
"data-sg-name": "h3",
className: "mt-4 text-xl md:text-2xl font-display font-semibold text-foreground tracking-tight",
children: stage.title
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 92,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:95:16",
"data-sg-name": "p",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-3 text-[15px] text-muted-foreground leading-[1.7] font-body transition-all duration-500", activeStage === i ? "opacity-100 max-h-40" : "opacity-70 max-h-40"),
children: stage.description
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 95,
columnNumber: 17
}, this),
i < STAGES.length - 1 && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:107:18",
"data-sg-name": "div",
className: "hidden lg:flex absolute -bottom-3 left-1/2 -translate-x-1/2 z-10",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$down$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowDown$3e$__["ArrowDown"], {
"data-sg-el": "src/components/sections/StrategicApproach.tsx:108:20",
"data-sg-name": "ArrowDown",
className: "w-4 h-4 text-border"
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 108,
columnNumber: 21
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 107,
columnNumber: 19
}, this)
]
}, stage.title, true, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 78,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 76,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 75,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 65,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/StrategicApproach.tsx",
lineNumber: 61,
columnNumber: 5
}, this);
}
_s(StrategicApproach, "wDxKJ6Dl6dO5g2V0wTqoR63iyHc=");
_c = StrategicApproach;
var _c;
__turbopack_context__.k.register(_c, "StrategicApproach");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/GovernanceSection.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"GovernanceSection",
()=>GovernanceSection
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const LINKS = [
{
label: "Corporate Governance",
href: "#"
},
{
label: "Leadership",
href: "#"
},
{
label: "Investor Relations",
href: "#"
}
];
function GovernanceSection() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"GovernanceSection.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"GovernanceSection.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["GovernanceSection.useEffect"], {
threshold: 0.15
});
observer.observe(el);
return ({
"GovernanceSection.useEffect": ()=>observer.disconnect()
})["GovernanceSection.useEffect"];
}
}["GovernanceSection.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:34:4",
"data-sg-name": "section",
id: "governance",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-muted/20",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:39:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:40:8",
"data-sg-name": "div",
className: "grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-start",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:41:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:47:12",
"data-sg-name": "SectionHeader",
eyebrow: "Governance",
headline: "Strong institutions are built on accountability.",
description: "Our commitment to governance, transparency and responsible decision-making underpins the way we manage capital, develop assets and create value for our stakeholders."
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 47,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:53:12",
"data-sg-name": "div",
className: "mt-10 flex flex-wrap gap-4",
children: LINKS.map((link, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:55:16",
"data-sg-name": "Link",
href: link.href,
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group inline-flex items-center gap-2 px-6 py-3 border border-border bg-background text-sm font-semibold text-foreground hover:border-accent/30 hover:text-accent transition-all duration-300", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
style: {
transitionDelay: "".concat(400 + i * 100, "ms")
},
children: [
link.label,
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:65:18",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1"
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 65,
columnNumber: 19
}, this)
]
}, link.label, true, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 55,
columnNumber: 17
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 53,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 41,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:71:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "300ms"
},
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:78:12",
"data-sg-name": "div",
className: "aspect-[4/3] bg-primary/5 border border-border overflow-hidden",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/GovernanceSection.tsx:79:14",
"data-sg-name": "img",
src: "https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=800&q=80",
alt: "Alrazah corporate governance",
className: "w-full h-full object-cover opacity-80",
loading: "lazy"
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 79,
columnNumber: 15
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 78,
columnNumber: 13
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 71,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 40,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 39,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/GovernanceSection.tsx",
lineNumber: 34,
columnNumber: 5
}, this);
}
_s(GovernanceSection, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = GovernanceSection;
var _c;
__turbopack_context__.k.register(_c, "GovernanceSection");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/SustainabilitySection.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"SustainabilitySection",
()=>SustainabilitySection
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$leaf$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Leaf$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/leaf.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$users$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Users$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/users.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$scale$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Scale$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/scale.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
;
const PILLARS = [
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$leaf$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Leaf$3e$__["Leaf"],
title: "Environment",
description: "Responsible development and efficient resource use across our portfolio."
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$users$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Users$3e$__["Users"],
title: "Social",
description: "People and communities at the center of our long-term approach."
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$scale$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Scale$3e$__["Scale"],
title: "Governance",
description: "Responsible investment practices and transparent decision-making."
}
];
function SustainabilitySection() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"SustainabilitySection.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"SustainabilitySection.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["SustainabilitySection.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"SustainabilitySection.useEffect": ()=>observer.disconnect()
})["SustainabilitySection.useEffect"];
}
}["SustainabilitySection.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:47:4",
"data-sg-name": "section",
id: "sustainability",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background border-t border-border",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:52:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:53:8",
"data-sg-name": "SectionHeader",
eyebrow: "Sustainability",
headline: "Creating value that endures.",
description: "Our long-term investment approach recognizes that sustainable growth depends on responsible development, efficient resource use, strong governance and positive contribution to the communities in which we operate.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 53,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:63:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-10",
children: PILLARS.map((pillar, i)=>{
const Icon = pillar.icon;
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:67:14",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group p-8 md:p-10 border border-border bg-card/30 hover:bg-card hover:border-accent/15 transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"),
style: {
transitionDelay: "".concat(250 + i * 150, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:75:16",
"data-sg-name": "div",
className: "w-10 h-10 flex items-center justify-center border border-border bg-muted/50 mb-6",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(Icon, {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:76:18",
"data-sg-name": "Icon",
className: "w-5 h-5 text-secondary"
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 76,
columnNumber: 19
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 75,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:78:16",
"data-sg-name": "h3",
className: "text-xl md:text-[22px] font-display font-semibold text-foreground tracking-tight",
children: pillar.title
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 78,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:81:16",
"data-sg-name": "p",
className: "mt-3 text-[15px] text-muted-foreground leading-[1.7] font-body",
children: pillar.description
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 81,
columnNumber: 17
}, this)
]
}, pillar.title, true, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 67,
columnNumber: 15
}, this);
})
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 63,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:89:8",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-14 transition-all duration-700", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
style: {
transitionDelay: "700ms"
},
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:96:10",
"data-sg-name": "Link",
href: "#",
className: "group inline-flex items-center gap-2 text-sm font-semibold text-foreground hover:text-accent transition-colors duration-300",
children: [
"Our Sustainability Approach",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/SustainabilitySection.tsx:101:12",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 101,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 96,
columnNumber: 11
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 89,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 52,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/SustainabilitySection.tsx",
lineNumber: 47,
columnNumber: 5
}, this);
}
_s(SustainabilitySection, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = SustainabilitySection;
var _c;
__turbopack_context__.k.register(_c, "SustainabilitySection");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/LatestNews.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"LatestNews",
()=>LatestNews
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const NEWS = [
{
category: "Announcement",
date: "15 July 2026",
title: "Alrazah Holding announces strategic partnership for logistics infrastructure development",
excerpt: "A new milestone in our commitment to building Qatar's logistics capabilities through strategic collaboration.",
featured: true,
image: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=800&q=80"
},
{
category: "Corporate News",
date: "28 June 2026",
title: "Q2 2026 operational update and portfolio highlights",
featured: false
},
{
category: "Investment",
date: "10 June 2026",
title: "New real estate development project launched in Lusail",
featured: false
},
{
category: "Governance",
date: "2 June 2026",
title: "Annual General Meeting results and board appointments",
featured: false
}
];
function LatestNews() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"LatestNews.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"LatestNews.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["LatestNews.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"LatestNews.useEffect": ()=>observer.disconnect()
})["LatestNews.useEffect"];
}
}["LatestNews.useEffect"], []);
const featured = NEWS.find((n)=>n.featured);
const items = NEWS.filter((n)=>!n.featured);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/LatestNews.tsx:62:4",
"data-sg-name": "section",
id: "media",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-background",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:67:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/LatestNews.tsx:68:8",
"data-sg-name": "SectionHeader",
eyebrow: "Latest",
headline: "Alrazah in focus.",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 68,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:77:8",
"data-sg-name": "div",
className: "mt-16 md:mt-20 grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12",
children: [
featured && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:80:12",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("lg:col-span-7 group cursor-pointer transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"),
style: {
transitionDelay: "200ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:87:14",
"data-sg-name": "div",
className: "relative overflow-hidden aspect-[16/10]",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/LatestNews.tsx:88:16",
"data-sg-name": "img",
src: featured.image,
alt: featured.title,
className: "w-full h-full object-cover transition-transform duration-700 ease-alrazah group-hover:scale-[1.02]",
loading: "lazy"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 88,
columnNumber: 17
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 87,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:95:14",
"data-sg-name": "div",
className: "mt-6",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:96:16",
"data-sg-name": "div",
className: "flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.12em] text-secondary font-display",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:97:18",
"data-sg-name": "span",
children: featured.category
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 97,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:98:18",
"data-sg-name": "span",
className: "w-1 h-1 rounded-full bg-muted-foreground"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 98,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:99:18",
"data-sg-name": "span",
children: featured.date
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 99,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 96,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/LatestNews.tsx:101:16",
"data-sg-name": "h3",
className: "mt-4 text-xl md:text-2xl lg:text-[28px] font-display font-semibold text-foreground leading-[1.2] tracking-tight group-hover:text-accent transition-colors",
children: featured.title
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 101,
columnNumber: 17
}, this),
featured.excerpt && /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/LatestNews.tsx:105:18",
"data-sg-name": "p",
className: "mt-3 text-[15px] text-muted-foreground leading-[1.7] font-body",
children: featured.excerpt
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 105,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:109:16",
"data-sg-name": "div",
className: "mt-5 inline-flex items-center gap-2 text-sm font-semibold text-foreground group-hover:text-accent transition-colors",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:110:18",
"data-sg-name": "span",
children: "Read More"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 110,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/LatestNews.tsx:111:18",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 111,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 109,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 95,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 80,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:118:10",
"data-sg-name": "div",
className: "lg:col-span-5 space-y-6",
children: items.map((item, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/LatestNews.tsx:120:14",
"data-sg-name": "Link",
href: "#",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group block p-6 border border-border bg-card/20 hover:bg-card hover:border-accent/15 transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "".concat(350 + i * 120, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:129:16",
"data-sg-name": "div",
className: "flex items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.12em] text-secondary font-display",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:130:18",
"data-sg-name": "span",
children: item.category
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 130,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:131:18",
"data-sg-name": "span",
className: "w-1 h-1 rounded-full bg-muted-foreground"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 131,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/LatestNews.tsx:132:18",
"data-sg-name": "span",
children: item.date
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 132,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 129,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h4", {
"data-sg-el": "src/components/sections/LatestNews.tsx:134:16",
"data-sg-name": "h4",
className: "mt-3 text-lg font-display font-semibold text-foreground leading-[1.3] group-hover:text-accent transition-colors",
children: item.title
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 134,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/LatestNews.tsx:137:16",
"data-sg-name": "div",
className: "mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-muted-foreground group-hover:text-accent transition-colors",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/LatestNews.tsx:138:18",
"data-sg-name": "ArrowRight",
className: "w-3.5 h-3.5 transition-transform duration-300 group-hover:translate-x-1"
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 138,
columnNumber: 19
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 137,
columnNumber: 17
}, this)
]
}, item.title, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 120,
columnNumber: 15
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 118,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 77,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 67,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/LatestNews.tsx",
lineNumber: 62,
columnNumber: 5
}, this);
}
_s(LatestNews, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = LatestNews;
var _c;
__turbopack_context__.k.register(_c, "LatestNews");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/InvestorRelations.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"InvestorRelations",
()=>InvestorRelations
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/SectionHeader.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$trending$2d$up$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__TrendingUp$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/trending-up.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$file$2d$text$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__FileText$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/file-text.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$bell$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Bell$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/bell.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
;
const DATA_STRIP = [
{
label: "Share Price",
value: "QAR XX.XX"
},
{
label: "Change",
value: "+X.XX%"
},
{
label: "Market Cap",
value: "QAR XX.X BN"
},
{
label: "Dividend",
value: "QAR X.XX"
}
];
const ACTIONS = [
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$trending$2d$up$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__TrendingUp$3e$__["TrendingUp"],
label: "Investor Relations",
description: "Access shareholder information and resources",
href: "#"
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$file$2d$text$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__FileText$3e$__["FileText"],
label: "Annual Reports",
description: "Download financial reports and disclosures",
href: "#"
},
{
icon: __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$bell$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__Bell$3e$__["Bell"],
label: "Announcements",
description: "Latest company announcements and updates",
href: "#"
}
];
function InvestorRelations() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"InvestorRelations.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"InvestorRelations.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["InvestorRelations.useEffect"], {
threshold: 0.1
});
observer.observe(el);
return ({
"InvestorRelations.useEffect": ()=>observer.disconnect()
})["InvestorRelations.useEffect"];
}
}["InvestorRelations.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:56:4",
"data-sg-name": "section",
id: "investor-relations",
ref: ref,
className: "py-24 md:py-32 lg:py-40 bg-primary",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:61:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$SectionHeader$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SectionHeader"], {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:62:8",
"data-sg-name": "SectionHeader",
eyebrow: "Investor Relations",
headline: "Information for our shareholders.",
description: "Access financial information, company announcements, reports, shareholder information and other resources.",
dark: true,
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8")
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 62,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:74:8",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-14 md:mt-18 grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 p-8 md:p-10 border border-white/10 bg-white/5 transition-all duration-700 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "250ms"
},
children: DATA_STRIP.map((item, i)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:82:12",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("transition-all duration-500", visible ? "opacity-100" : "opacity-0"),
style: {
transitionDelay: "".concat(350 + i * 100, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:90:14",
"data-sg-name": "div",
className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-white/50 font-display",
children: item.label
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 90,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:93:14",
"data-sg-name": "div",
className: "mt-2 text-2xl md:text-3xl font-display font-semibold text-white tracking-tight",
children: item.value
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 93,
columnNumber: 15
}, this)
]
}, item.label, true, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 82,
columnNumber: 13
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 74,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:99:8",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-3 text-right text-[11px] text-white/40 font-body transition-all duration-500", visible ? "opacity-100" : "opacity-0"),
style: {
transitionDelay: "700ms"
},
children: [
"Last updated: ",
new Date().toLocaleDateString("en-GB", {
day: "numeric",
month: "short",
year: "numeric"
})
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 99,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:110:8",
"data-sg-name": "div",
className: "mt-12 md:mt-16 grid grid-cols-1 md:grid-cols-3 gap-6",
children: ACTIONS.map((action, i)=>{
const Icon = action.icon;
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:114:14",
"data-sg-name": "Link",
href: action.href,
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("group p-8 border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-500 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "".concat(500 + i * 120, "ms")
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(Icon, {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:123:16",
"data-sg-name": "Icon",
className: "w-6 h-6 text-white/60 mb-5"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 123,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h3", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:124:16",
"data-sg-name": "h3",
className: "text-lg font-display font-semibold text-white tracking-tight",
children: action.label
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 124,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:127:16",
"data-sg-name": "p",
className: "mt-2 text-sm text-white/50 leading-relaxed font-body",
children: action.description
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 127,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:130:16",
"data-sg-name": "div",
className: "mt-5 inline-flex items-center gap-2 text-sm font-semibold text-white/70 group-hover:text-white transition-colors",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:131:18",
"data-sg-name": "span",
children: "Learn More"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 131,
columnNumber: 19
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/InvestorRelations.tsx:132:18",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1.5"
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 132,
columnNumber: 19
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 130,
columnNumber: 17
}, this)
]
}, action.label, true, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 114,
columnNumber: 15
}, this);
})
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 110,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 61,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/InvestorRelations.tsx",
lineNumber: 56,
columnNumber: 5
}, this);
}
_s(InvestorRelations, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = InvestorRelations;
var _c;
__turbopack_context__.k.register(_c, "InvestorRelations");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/PartnershipCTA.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"PartnershipCTA",
()=>PartnershipCTA
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/index.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__ = __turbopack_context__.i("[project]/node_modules/lucide-react/dist/esm/icons/arrow-right.js [client] (ecmascript) ");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/lib/utils.ts [client] (ecmascript)");
;
var _s = __turbopack_context__.k.signature();
;
;
;
;
function PartnershipCTA() {
_s();
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useRef"])(null);
const [visible, setVisible] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useState"])(false);
(0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$index$2e$js__$5b$client$5d$__$28$ecmascript$29$__["useEffect"])({
"PartnershipCTA.useEffect": ()=>{
const el = ref.current;
if (!el) return;
const observer = new IntersectionObserver({
"PartnershipCTA.useEffect": (param)=>{
let [entry] = param;
if (entry.isIntersecting) {
setVisible(true);
observer.disconnect();
}
}
}["PartnershipCTA.useEffect"], {
threshold: 0.15
});
observer.observe(el);
return ({
"PartnershipCTA.useEffect": ()=>observer.disconnect()
})["PartnershipCTA.useEffect"];
}
}["PartnershipCTA.useEffect"], []);
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("section", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:27:4",
"data-sg-name": "section",
ref: ref,
className: "relative overflow-hidden",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:29:6",
"data-sg-name": "div",
className: "absolute inset-0",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("img", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:30:8",
"data-sg-name": "img",
src: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80",
alt: "Modern commercial architecture",
className: "w-full h-full object-cover"
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 30,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:35:8",
"data-sg-name": "div",
className: "absolute inset-0 bg-primary/80"
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 35,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 29,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:38:6",
"data-sg-name": "div",
className: "relative z-10 py-28 md:py-36 lg:py-48",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:39:8",
"data-sg-name": "div",
className: "container-alrazah-wide text-center",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:40:10",
"data-sg-name": "span",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("inline-block text-[11px] font-semibold uppercase tracking-[0.2em] text-white/60 font-display mb-6 transition-all duration-700", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
children: "Partner with Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 40,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h2", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:49:10",
"data-sg-name": "h2",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("max-w-3xl mx-auto font-display font-semibold text-white leading-[1.1] tracking-[-0.02em] transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6", "text-3xl md:text-4xl lg:text-[52px]"),
style: {
transitionDelay: "150ms"
},
children: "Let's build the next opportunity together."
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 49,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:60:10",
"data-sg-name": "p",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-6 max-w-xl mx-auto text-[17px] text-white/65 leading-[1.75] font-body transition-all duration-900 ease-alrazah", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"),
style: {
transitionDelay: "300ms"
},
children: "We welcome conversations with investors, development partners, strategic partners and businesses aligned with our long-term vision."
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 60,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:71:10",
"data-sg-name": "div",
className: (0, __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$lib$2f$utils$2e$ts__$5b$client$5d$__$28$ecmascript$29$__["cn"])("mt-10 flex flex-wrap items-center justify-center gap-4 transition-all duration-700", visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
style: {
transitionDelay: "450ms"
},
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:78:12",
"data-sg-name": "Link",
href: "#contact",
className: "group inline-flex items-center gap-3 px-7 py-3.5 bg-white text-primary text-sm font-semibold uppercase tracking-[0.08em] rounded-sm hover:bg-white/95 transition-all duration-300",
children: [
"Become a Partner",
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$lucide$2d$react$2f$dist$2f$esm$2f$icons$2f$arrow$2d$right$2e$js__$5b$client$5d$__$28$ecmascript$29$__$3c$export__default__as__ArrowRight$3e$__["ArrowRight"], {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:83:14",
"data-sg-name": "ArrowRight",
className: "w-4 h-4 transition-transform duration-300 group-hover:translate-x-1"
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 83,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 78,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/PartnershipCTA.tsx:85:12",
"data-sg-name": "Link",
href: "#contact",
className: "group inline-flex items-center gap-3 px-7 py-3.5 text-white text-sm font-semibold uppercase tracking-[0.08em] border border-white/25 rounded-sm hover:bg-white/10 transition-all duration-300",
children: "Contact Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 85,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 71,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 39,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 38,
columnNumber: 7
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/PartnershipCTA.tsx",
lineNumber: 27,
columnNumber: 5
}, this);
}
_s(PartnershipCTA, "F7BtIAxVh3vOWU1Jr24RYsj9CHc=");
_c = PartnershipCTA;
var _c;
__turbopack_context__.k.register(_c, "PartnershipCTA");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/components/sections/Footer.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"Footer",
()=>Footer
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/next/link.js [client] (ecmascript)");
;
;
const FOOTER_LINKS = [
{
title: "About",
links: [
{
label: "Overview",
href: "#"
},
{
label: "Strategy",
href: "#"
},
{
label: "Leadership",
href: "#"
},
{
label: "Corporate Structure",
href: "#"
}
]
},
{
title: "Investments",
links: [
{
label: "Real Estate",
href: "#"
},
{
label: "Logistics & Industrial",
href: "#"
},
{
label: "Asset Management",
href: "#"
},
{
label: "Project Management",
href: "#"
}
]
},
{
title: "Investor Relations",
links: [
{
label: "Share Information",
href: "#"
},
{
label: "Financial Information",
href: "#"
},
{
label: "Reports",
href: "#"
},
{
label: "Announcements",
href: "#"
}
]
},
{
title: "Corporate",
links: [
{
label: "Governance",
href: "#"
},
{
label: "Sustainability",
href: "#"
},
{
label: "Media",
href: "#"
},
{
label: "Careers",
href: "#"
}
]
},
{
title: "Contact",
links: [
{
label: "Doha, Qatar",
href: "#"
},
{
label: "Contact",
href: "#contact"
},
{
label: "Business Enquiries",
href: "#"
},
{
label: "Investor Relations",
href: "#"
}
]
}
];
function Footer() {
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("footer", {
"data-sg-el": "src/components/sections/Footer.tsx:54:4",
"data-sg-name": "footer",
className: "bg-primary text-white",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:55:6",
"data-sg-name": "div",
className: "container-alrazah-wide",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:57:8",
"data-sg-name": "div",
className: "py-16 md:py-20 lg:py-24 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-10 lg:gap-8",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:59:10",
"data-sg-name": "div",
className: "col-span-2 md:col-span-3 lg:col-span-1",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:60:12",
"data-sg-name": "div",
className: "flex items-center gap-3",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:61:14",
"data-sg-name": "div",
className: "w-10 h-10 bg-white flex items-center justify-center rounded-sm",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:62:16",
"data-sg-name": "span",
className: "text-primary font-display font-bold text-sm",
children: "A"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 62,
columnNumber: 17
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 61,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:66:14",
"data-sg-name": "div",
className: "flex flex-col",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:67:16",
"data-sg-name": "span",
className: "font-display font-semibold text-sm tracking-[0.08em] uppercase text-white",
children: "Alrazah"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 67,
columnNumber: 17
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:70:16",
"data-sg-name": "span",
className: "font-display text-[10px] tracking-[0.15em] uppercase text-white/60",
children: "Holding"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 70,
columnNumber: 17
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 66,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 60,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("p", {
"data-sg-el": "src/components/sections/Footer.tsx:75:12",
"data-sg-name": "p",
className: "mt-6 text-sm text-white/50 leading-relaxed font-body max-w-xs",
children: "A Qatari investment platform focused on long-term value creation across real estate, logistics, asset management and project management."
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 75,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:80:12",
"data-sg-name": "div",
className: "mt-6 flex items-center gap-2 text-sm text-white/40 font-body",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:81:14",
"data-sg-name": "span",
children: "English"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 81,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:82:14",
"data-sg-name": "span",
className: "text-white/20",
children: "|"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 82,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("span", {
"data-sg-el": "src/components/sections/Footer.tsx:83:14",
"data-sg-name": "span",
className: "font-arabic",
children: "العربية"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 83,
columnNumber: 15
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 80,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 59,
columnNumber: 11
}, this),
FOOTER_LINKS.map((column)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:89:12",
"data-sg-name": "div",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("h4", {
"data-sg-el": "src/components/sections/Footer.tsx:90:14",
"data-sg-name": "h4",
className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-white/40 font-display mb-5",
children: column.title
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 90,
columnNumber: 15
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("ul", {
"data-sg-el": "src/components/sections/Footer.tsx:93:14",
"data-sg-name": "ul",
className: "space-y-3",
children: column.links.map((link)=>/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("li", {
"data-sg-el": "src/components/sections/Footer.tsx:95:18",
"data-sg-name": "li",
children: /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:96:20",
"data-sg-name": "Link",
href: link.href,
className: "text-sm text-white/60 hover:text-white transition-colors duration-200 font-body",
children: link.label
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 96,
columnNumber: 21
}, this)
}, link.label, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 95,
columnNumber: 19
}, this))
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 93,
columnNumber: 15
}, this)
]
}, column.title, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 89,
columnNumber: 13
}, this))
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 57,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:110:8",
"data-sg-name": "div",
className: "py-6 border-t border-white/10 flex flex-col md:flex-row items-center justify-between gap-4",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:111:10",
"data-sg-name": "div",
className: "text-[12px] text-white/40 font-body",
children: [
"© ",
new Date().getFullYear(),
" Alrazah Holding. All rights reserved."
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 111,
columnNumber: 11
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("div", {
"data-sg-el": "src/components/sections/Footer.tsx:114:10",
"data-sg-name": "div",
className: "flex flex-wrap items-center gap-4 md:gap-6 text-[12px] text-white/40 font-body",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:115:12",
"data-sg-name": "Link",
href: "#",
className: "hover:text-white/60 transition-colors",
children: "Privacy Policy"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 115,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:118:12",
"data-sg-name": "Link",
href: "#",
className: "hover:text-white/60 transition-colors",
children: "Terms of Use"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 118,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:121:12",
"data-sg-name": "Link",
href: "#",
className: "hover:text-white/60 transition-colors",
children: "Cookie Policy"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 121,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:124:12",
"data-sg-name": "Link",
href: "#",
className: "hover:text-white/60 transition-colors",
children: "Disclaimer"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 124,
columnNumber: 13
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$next$2f$link$2e$js__$5b$client$5d$__$28$ecmascript$29$__["default"], {
"data-sg-el": "src/components/sections/Footer.tsx:127:12",
"data-sg-name": "Link",
href: "#",
className: "hover:text-white/60 transition-colors",
children: "Accessibility"
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 127,
columnNumber: 13
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 114,
columnNumber: 11
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 110,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 55,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: "[project]/src/components/sections/Footer.tsx",
lineNumber: 54,
columnNumber: 5
}, this);
}
_c = Footer;
var _c;
__turbopack_context__.k.register(_c, "Footer");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[project]/src/pages/index.tsx [client] (ecmascript)", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.s([
"default",
()=>Home
]);
var __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/node_modules/react/jsx-dev-runtime.js [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$Header$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/Header.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$Hero$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/Hero.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InstitutionalSnapshot$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/InstitutionalSnapshot.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestmentThesis$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/InvestmentThesis.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestmentSectors$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/InvestmentSectors.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$FeaturedProjects$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/FeaturedProjects.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$ScaleMetrics$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/ScaleMetrics.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$WhyAlrazah$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/WhyAlrazah.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$QatarSection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/QatarSection.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$StrategicApproach$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/StrategicApproach.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$GovernanceSection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/GovernanceSection.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$SustainabilitySection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/SustainabilitySection.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$LatestNews$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/LatestNews.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestorRelations$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/InvestorRelations.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$PartnershipCTA$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/PartnershipCTA.tsx [client] (ecmascript)");
var __TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$Footer$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/src/components/sections/Footer.tsx [client] (ecmascript)");
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
function Home() {
return /*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["Fragment"], {
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$Header$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["Header"], {
"data-sg-el": "src/pages/index.tsx:21:6",
"data-sg-name": "Header"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 21,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])("main", {
"data-sg-el": "src/pages/index.tsx:22:6",
"data-sg-name": "main",
children: [
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$Hero$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["Hero"], {
"data-sg-el": "src/pages/index.tsx:23:8",
"data-sg-name": "Hero"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 23,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InstitutionalSnapshot$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["InstitutionalSnapshot"], {
"data-sg-el": "src/pages/index.tsx:24:8",
"data-sg-name": "InstitutionalSnapshot"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 24,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestmentThesis$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["InvestmentThesis"], {
"data-sg-el": "src/pages/index.tsx:25:8",
"data-sg-name": "InvestmentThesis"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 25,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestmentSectors$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["InvestmentSectors"], {
"data-sg-el": "src/pages/index.tsx:26:8",
"data-sg-name": "InvestmentSectors"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 26,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$FeaturedProjects$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["FeaturedProjects"], {
"data-sg-el": "src/pages/index.tsx:27:8",
"data-sg-name": "FeaturedProjects"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 27,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$ScaleMetrics$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["ScaleMetrics"], {
"data-sg-el": "src/pages/index.tsx:28:8",
"data-sg-name": "ScaleMetrics"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 28,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$WhyAlrazah$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["WhyAlrazah"], {
"data-sg-el": "src/pages/index.tsx:29:8",
"data-sg-name": "WhyAlrazah"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 29,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$QatarSection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["QatarSection"], {
"data-sg-el": "src/pages/index.tsx:30:8",
"data-sg-name": "QatarSection"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 30,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$StrategicApproach$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["StrategicApproach"], {
"data-sg-el": "src/pages/index.tsx:31:8",
"data-sg-name": "StrategicApproach"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 31,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$GovernanceSection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["GovernanceSection"], {
"data-sg-el": "src/pages/index.tsx:32:8",
"data-sg-name": "GovernanceSection"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 32,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$SustainabilitySection$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["SustainabilitySection"], {
"data-sg-el": "src/pages/index.tsx:33:8",
"data-sg-name": "SustainabilitySection"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 33,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$LatestNews$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["LatestNews"], {
"data-sg-el": "src/pages/index.tsx:34:8",
"data-sg-name": "LatestNews"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 34,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$InvestorRelations$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["InvestorRelations"], {
"data-sg-el": "src/pages/index.tsx:35:8",
"data-sg-name": "InvestorRelations"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 35,
columnNumber: 9
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$PartnershipCTA$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["PartnershipCTA"], {
"data-sg-el": "src/pages/index.tsx:36:8",
"data-sg-name": "PartnershipCTA"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 36,
columnNumber: 9
}, this)
]
}, void 0, true, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 22,
columnNumber: 7
}, this),
/*#__PURE__*/ (0, __TURBOPACK__imported__module__$5b$project$5d2f$node_modules$2f$react$2f$jsx$2d$dev$2d$runtime$2e$js__$5b$client$5d$__$28$ecmascript$29$__["jsxDEV"])(__TURBOPACK__imported__module__$5b$project$5d2f$src$2f$components$2f$sections$2f$Footer$2e$tsx__$5b$client$5d$__$28$ecmascript$29$__["Footer"], {
"data-sg-el": "src/pages/index.tsx:38:6",
"data-sg-name": "Footer"
}, void 0, false, {
fileName: "[project]/src/pages/index.tsx",
lineNumber: 38,
columnNumber: 7
}, this)
]
}, void 0, true);
}
_c = Home;
var _c;
__turbopack_context__.k.register(_c, "Home");
if (typeof globalThis.$RefreshHelpers$ === 'object' && globalThis.$RefreshHelpers !== null) {
__turbopack_context__.k.registerExports(__turbopack_context__.m, globalThis.$RefreshHelpers$);
}
}),
"[next]/entry/page-loader.ts { PAGE => \"[project]/src/pages/index.tsx [client] (ecmascript)\" } [client] (ecmascript)", ((__turbopack_context__, module, exports) => {
const PAGE_PATH = "/";
(window.__NEXT_P = window.__NEXT_P || []).push([
PAGE_PATH,
()=>{
return __turbopack_context__.r("[project]/src/pages/index.tsx [client] (ecmascript)");
}
]);
// @ts-expect-error module.hot exists
if (module.hot) {
// @ts-expect-error module.hot exists
module.hot.dispose(function() {
window.__NEXT_P.push([
PAGE_PATH
]);
});
}
}),
"[hmr-entry]/hmr-entry.js { ENTRY => \"[project]/src/pages/index\" }", ((__turbopack_context__) => {
"use strict";
__turbopack_context__.r("[next]/entry/page-loader.ts { PAGE => \"[project]/src/pages/index.tsx [client] (ecmascript)\" } [client] (ecmascript)");
}),
]);
//# sourceMappingURL=%5Broot-of-the-server%5D__63aad3be._.js.map